<template>
  <div class="rem">
    <p class="f20px">
      当前文字被设置为20px
    </p>
    <div class="f300px">
      当前元素被设置为300px大小
    </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
.rem{
  .f20px{
    font-size: 20px;
  }
  .f300px{
    width: 300px;
    height: 300px;
    background-color: #ccc;
  }
}
</style>
